<template>
	<div>
		<h2>函数式组件JSX</h2>
		<el-divider />
		<el-link type="success" :underline="false">基本使用与插槽</el-link>
		<hX :level="1">
			<div>h1</div>
		</hX>
		<el-divider />
		<el-link type="success" :underline="false">map的使用</el-link>
		<d-map :table-column="tableColumn" :table-data="tableData"> </d-map>
		<d-form>
			<div>abc</div>
		</d-form>
	</div>
</template>

<script>
	import DForm from './components/dForm.vue'
	import DMap from './components/dMap.vue'
	import hX from './components/h_x'
	import { tableColumn } from './config'
	export default {
		components: {
			hX,
			DMap,
			DForm
		},
		data() {
			return {
				value: [
					{ id: 1, name: '01' },
					{ id: 2, name: '02' }
				],
				tableColumn: tableColumn(this.handelChange),
				tableData: [
					{ id: 1, name: '01' },
					{ id: 2, name: '02' }
				]
			}
		},
		methods: {
			handelChange(e) {
				console.log(e)
			}
		}
	}
</script>

<style lang="scss" scoped></style>
